<template>
    <div class="contentBottom">
        <img src="@/assets/img/common/home/qq.png" width="80" :title = this.myInfoQq >
        <img src="@/assets/img/common/home/weixin.png" width="80" :title = this.myInfoWei>
        <img src="@/assets/img/common/home/zhihu.png" width="80" :title = this.myInfoZhi>
    </div>
</template>

<script>
export default {
    name:'contentBottom',
    props:{
        myInfoQq:String,
        myInfoWei:String,
        myInfoZhi:String
    }
}
</script>

<style scoped>
.contentBottom{
    text-align: center;
}
.contentBottom img{
  display:inline-block;
}
.contentBottom img:nth-child(1){
    margin-right: 160px;
}
.contentBottom img:nth-child(3){
    margin-left: 160px;
}
</style>